<template>
<div>
  <header class="bar bar-nav" >
    <a class="button button-link button-nav pull-left" v-link="{path: '/study/college', replace: false}">
    <span class="icon icon-left"></span>
    </a>
    <h1 class="title">大学介绍</h1>
  </header>

 <div class="content content-padded">
  {{{content}}}
 </div>
</div>   
</template>
<script>
import $ from 'zepto'
export default {
  route: {
    data () {
      console.log('data.....')
      this.$set('content', '')
      this.$http.get(this.apiUrl + this.$route.query.id).
      then(function(response) {
        this.$set('content', response.json().str)
        console.log('set data success....')
        $.hidePreloader()
      })
      $.showPreloader()
    }
  },
  ready () {
    $.init()
    console.log('ready.....')
  },
  data () {
    return {
      apiUrl: 'http://creatgo.com/oec/study?method=info&id=',
      content: ''
    }
  }
}
</script>
<style>
 p{
    matgin:0.4rem;
 }
 img{
  width:100%
 }
</style>
